<template>
  <view class="resaonCard">
    <view class="falutBox">
      <view class="falutBox_item" @click="handleChoose(item)" v-for="item in list" :key="item.id">{{
        item.dictValue
      }}</view>
    </view>
  </view>
</template>

<script>
export default {
	props: {
		list: {
			type: Array,
		},
	},
	data() {
		return {
        
		};
	},
	methods:{
		handleChoose(item) {
			console.log(item);
		}
	}
};
</script>

<style lang="scss" scoped>
.resaonCard {
  .falutBox {
    display: flex;
    flex-wrap: wrap;
    .falutBox_item {
      margin-right: 12rpx;
      font-size: 26rpx;
      border: 1rpx solid #ccc;
      padding: 4rpx 8rpx;
      border-radius: 8rpx;
      margin-top: 16rpx;
      color: #666;
    }
  }
}
</style>
